💡 เพื่อน ๆ มือใหม่หัดเขียน JavaScript หลาย ๆ คนอาจจะเคยเห็นเครื่องหมาย ?? และ || ในโปรแกรมแล้วไม่รู้ว่ามันคืออะไร และทำงานยังไง วันนี้เรามาไขข้อสงสัยกันเถอะ !! กับสรุปสั้น ๆ วิธีการใช้งาน Nullish Coalescing Operator
.
มันคืออะไร และใช้งานยังไง หากพร้อมแล้วไปอ่านกันเลยจ้าาาาา~~
.
🌟 Nullish Coalescing Operator
.
Nullish Coalescing (??)
เป็นตัวดำเนินการตรรกะที่จะ Return ค่าทางขวามือเมื่อค่าทางซ้ายเป็น Null หรือ Undefined
.
👨💻 Syntax
leftExpr ?? rightExpr
.
📑 ตัวอย่าง
const name1 = null ?? 'Oreo';
console.log(name1);
//output => Oreo
.
OR (||) - เป็นตัวดำเนินการตรรกะ จะ Return ค่าทางขวามือหากทางซ้ายมือเป็นเท็จ (0, ' ', NaN, null, undefined)
.
📑 ตัวอย่าง
let tu = null;
let text = tu || 'stupid!';
console.log(text); // output => stupid!
.
สามารถใช้ร่วมกับ OR (||) และ AND (&&) ได้แต่ต้องใช้วงเล็บ () เพื่อจัดลำดับความสำคัญของตัวดำเนินการด้วยนะ !!
.
📑 ตัวอย่าง OR (||)
let y = (false || true) ?? "foo"
console.log(y) // output => true
.
📑 ตัวอย่าง AND (&&)
let x = (false && true) ?? "foo"
console.log(x) //output => false
.
💥 Source : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
Search